<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>全流程项目管理系统-电子需求单看板</title>
<link rel="stylesheet" type="text/css"
	th:href="@{/library/bootstrap-3.3.7-dist/css/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css"
	th:href="@{/library/bootstrap-table/static/css/plugins/bootstrap-table/bootstrap-table.min.css}" />
<link rel="stylesheet" type="text/css"
	th:href="@{/public/css/index.css}" />
</head>
<body>


	<header>
		<nav>
			<div class="header-left-btn">
				<a href="budget_management.html"><small th:text="预算管理"></small></a>
			</div>
			<div class="header-right-btn">
				<a href="#"><small th:text="登录"></small></a>
			</div>
		</nav>
	</header>

	<div class="modal fade bs-example-modal-lg" id="clause-list"
		tabindex="-1" role="dialog" aria-labelledby="需求条目">
		<div class="modal-dialog modal-lg" role="document"
			style="width: 1200px">
			<div class="modal-content">
				<div class="modal-header">
					<h3 class="modal-title" id="clause-list-title"
						style="text-align: center">-</h3>
					<div class="list-group head-list-group">
						<table id="clause-list-table"></table>
					</div>
				</div>
				<div class="modal-body">
					<input type="hidden" id="form-id" />
					<table id="clause-list-form"></table>
					<hr />
					<form role="form" class="clause-form">
						<input type="hidden" id="clause-id" />
						<div class="form-group">
							<label for="clause-code">条目编号</label> <input type="text"
								class="form-control" id="clause-code" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="clause-code">条目主题</label> <input type="text"
								class="form-control" id="clause-subject" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="clause-code">需求实现系统</label> <input type="text"
								class="form-control" id="clause-system" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="clause-code">计划上线版本</label> <input type="text"
								class="form-control" id="clause-planVersion" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="clause-code">当前版本</label> <input type="text"
								class="form-control" id="clause-currentVersion"
								readonly="readonly">
						</div>
						<div class="form-group">
							<label for="clause-code">签报版本</label> <input type="text"
								class="form-control" id="clause-signVersion" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="clause-code">中汇投入量</label> <input type="text"
								class="form-control" id="clause-zhInput" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="clause-code">外包投入量</label> <input type="text"
								class="form-control" id="clause-wbInput" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="clause-code">回退工作量</label> <input type="text"
								class="form-control" id="clause-runBackInput"
								readonly="readonly">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>


	<!-- Modal-电子需求单 -->
	<div class="modal fade bs-example-modal-lg" id="ele-form" tabindex="-1"
		role="dialog" aria-labelledby="电子需求单详细信息">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h3 class="modal-title" id="eform-title" style="text-align: center">-</h3>
					<div class="list-group head-list-group">
						<button type="button" name="clause-btn"
							onclick="sonsBtnClick('clause-btn')"
							class="list-group-item list-group-item-success eform-son-btn">
							<span class="badge btn-count" id="clause-count">0</span>需求条目
						</button>
						<button type="button" name="workload-btn"
							class="list-group-item list-group-item-info eform-son-btn">
							<span class="badge btn-count" id="workload-count">0</span>工作量评估
						</button>
						<button type="button" name="plan-btn"
							class="list-group-item list-group-item-warning eform-son-btn">
							<span class="badge btn-count" id="plan-count">0</span>项目计划安排
						</button>
					</div>
				</div>
				<div class="modal-body">
					<form role="form" class="eform-form">
						<input type="hidden" id="id" />
						<div class="form-group">
							<label for="name">创建时间</label> <input type="text"
								class="form-control" id="createTime" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">申请人</label> <input type="text"
								class="form-control" id="proposer" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">申请部门</label> <input type="text"
								class="form-control" id="dept" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">业务类型</label> <input type="text"
								class="form-control" id="businessType" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">当前节点</label> <input type="text"
								class="form-control" id="stateNow" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">当前审批人</label> <input type="text"
								class="form-control" id="auditors" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">主体系统</label> <input type="text"
								class="form-control" id="mainSystem" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">配合系统</label> <input type="text"
								class="form-control" id="supporterSystem" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">主体负责人</label> <input type="text"
								class="form-control" id="grobalLeader" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">需求部门评估人员</label> <input type="text"
								class="form-control" id="designEstimator" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">开发公司评估人员</label> <input type="text"
								class="form-control" id="developEstimator" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="name">运维部门评估人员</label> <input type="text"
								class="form-control" id="operationEstimator" readonly="readonly">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<span>最后更新时间 2018-07-25 13:45:12</span>
				</div>
				<!-- 
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
				 -->
			</div>
		</div>
	</div>

	<main>
		<div class="row table-head-row">
			<div class="col-lg-5">
				<div class="input-group input-group">
					<span class="input-group-addon">申请单号</span> <input
						type="text" class="form-control" placeholder="申请单号,LXSS开头" id="search_code"
						aria-describedby="sizing-addon1">
				</div>
			</div>
		</div>
		<div class="row table-head-row">
			<div class="col-lg-5">
				<div class="input-group input-group">
					<span class="input-group-addon">业务名称</span> <input
						type="text" class="form-control" placeholder="业务名称" id="search_businessName"
						aria-describedby="sizing-addon1">
				</div>
			</div>
		</div>
		<div class="row table-head-row">
			<div class="col-lg-5">
				<div class="input-group input-group">
					<span class="input-group-addon">当前环节</span> <input
						type="text" class="form-control" placeholder="当前环节" id="search_stateNow"
						aria-describedby="sizing-addon1">
				</div>
			</div>
			<div class="col-lg-1"></div>
			<div class="col-lg-1">
				<button type="button" id="searchBtn" data-loading-text="Loading..."
					class="btn btn-primary" autocomplete="off">搜    索</button>
			</div>
			<div class="col-lg-2">
				<button type="button" id="resetBtn" data-loading-text="Loading..."
			class="btn btn-primary" autocomplete="off">重  置</button>
			</div>
		</div>
	
		<hr />
		<div class="main-div">
			<table id="ele-forms"></table>
		</div>
	</main>

	<script type="text/javascript"
		th:src="@{/webjars/jquery/3.3.1-1/jquery.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/library/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/library/bootstrap-table/static/js/plugins/bootstrap-table/bootstrap-table.min.js}"></script>
	<script type="text/javascript" th:src="@{/public/js/eform.js}"></script>
</body>
</html>